<%--
  ~ Copyright (c) 2013 Les Hazlewood and contributors
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~     http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  --%>
<%@ page pageEncoding="utf-8"%>
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<jsp:include page="include.jsp" />
<!DOCTYPE html>
<html>
<head>

<title>Apache Shiro Tutorial Webapp : Login</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"
	charset="UTF-8">
<!-- Add some nice styling and functionality.  We'll just use Twitter Bootstrap -->
<link rel="stylesheet"
	href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<link rel="stylesheet"
	href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap-theme.min.css">
<script src="https://code.jquery.com/jquery.js"></script>
<script
	src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<style>
</style>
</head>
<body>
	<nav class="navbar navbar-default" role="navigation">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target="#example-navbar-collapse">
					<span class="sr-only">切换导航</span> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">菜鸟教程</a>
			</div>
			<div class="collapse navbar-collapse" id="example-navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="active"><a href="#">iOS</a></li>
					<li><a href="#">SVN</a></li>
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown"> Java <b class="caret"></b>
					</a>
						<ul class="dropdown-menu">
							<li><a href="#">jmeter</a></li>
							<li><a href="#">EJB</a></li>
							<li><a href="#">Jasper Report</a></li>
							<li class="divider"></li>
							<li><a href="#">分离的链接</a></li>
							<li class="divider"></li>
							<li><a href="#">另一个分离的链接</a></li>
						</ul></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="/regUser"><span
							class="glyphicon glyphicon-user"></span> 注册</a></li>
					<li><a href="/login"><span
							class="glyphicon glyphicon-log-in"></span> 登录</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<div class="container">
		<div class="jumbotron">
			<h1>欢迎登陆页面！</h1>
			<div class="container">
				<div class="row">
					<div class="col-md-4 col-md-offset-4">
						<div class="panel panel-default">
							<div class="panel-heading">
								<h3 class="panel-title">Please sign in</h3>
							</div>
							<div class="panel-body">


								<p>${info }</p>
								<hr>

								<form name="loginform" action="/subRegUser" method="POST"
									accept-charset="UTF-8" role="form">
									<fieldset>
										<div class="form-group">
											<input class="form-control" placeholder="Username or Email"
												name="username" type="text" value="${username }">
										</div>
										<div class="form-group">
											<input class="form-control" placeholder="Password"
												name="password" type="password" value="${password }">
										</div>
										<div class="form-group">
											<input class="form-control" placeholder="salt" name="salt"
												type="password" value="${salt }">
										</div>
										
										<label for="name">角色</label>
										<div>
											<label class="checkbox-inline">  <input
												name="roles[0].id" type="checkbox" value="1">admin
											</label> <label class="checkbox-inline"> <input name="roles[1].id" type="checkbox"
												value="2"> vip
											</label> <label class="checkbox-inline"> <input name="roles[2].id" type="checkbox"
												value="3"> test
											</label> 
										</div>
										<input class="btn btn-lg btn-success btn-block" type="submit"
											value="Login">
									</fieldset>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>



</body>
</html>